<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Highcharts Example</title>

	<style type="text/css">

	</style>
</head>
<body>
<!--此处(页面)使用绝对路径指的是相对于webapps文件夹下的路径-->
<!--此处(页面)使用相对路径指的是相对于静态资源请求地址上一级的的路径-->
<script src="../js/jquery-1.4.4.min.js"></script>
<script src="../highcharts/highcharts.js"></script>
<script src="../highcharts/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>



<script type="text/javascript">

    $(function () {
        $.post(
            "statChartAction_ajaxOnlineinfo.action",
            null,
            function (data) {
                Highcharts.chart('container', {
                    chart: {
                        type: 'line'
                    },
                    title: {
                        text: 'Monthly Average Temperature'
                    },
                    subtitle: {
                        text: 'Source: WorldClimate.com'
                    },
                    xAxis: {
                        categories: data.time
                    },
                    yAxis: {
                        title: {
                            text: 'Temperature (°C)'
                        }
                    },
                    plotOptions: {
                        line: {
                            dataLabels: {
                                enabled: true
                            },
                            enableMouseTracking: false
                        }
                    },
                    series: [{
                        name: "count",
                        data: data.count
                    }]
                });

            },
            "json"
        );
    });


</script>
</body>
</html>
